@charset "utf-8";
/* CSS Document */
/* index */
body{ padding-top:0px;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ max-width:1400px; margin:0 auto;}
.wrap1500{ max-width:1500px; margin:0 auto;}
.wrap1200{ max-width:1200px; margin:0 auto;}
.tab-cell{ display:table-cell; vertical-align: middle;}
.mob-nav{ display:none; width:40px; height:40px; margin-top:5px; border-radius:50%; margin-left:10px; background-size:auto 40%; position:relative;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#333; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#333; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#333; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}
.top{ position: fixed; left:0%; top:0px; width:100%; z-index:12; padding:0 4%; border-bottom: 1px solid rgba(255,255,255,0.3);transition: all 0.5s;}
.t-logo{ padding-top:23px;}
.T-nav{ margin-right: 30px;}
.T-nav > li{ float:left; position:relative; margin-left: 60px;}
.T-nav > li > a{ line-height:82px; color: #fff; font-size:16px; display:block; position:relative; transition:all 0.5s ease;}
.T-nav > li > a:after{ content:''; position:absolute; width:0; height:2px; background:#fff; left:50%; bottom:20px; transform:translateX(-50%); transition:all 0.5s ease;}
.T-nav > li .thr{ position:absolute; top:82px; left:50%; margin-left:-65px; width:130px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); display:none;}
.T-nav > li .thr a{ display:block; font-size:15px; line-height:35px; text-align:center;}
.ind-01 .list{
width: 50%;
padding: 4%;
overflow: hidden;
}
.ind-01 .list:before{
content: 'ZHONGYE';
position: absolute;
right: 0;
top: 0;
color: rgba(92,92,92,0.1);
font-size: 15vw;
font-weight: bold;
line-height: 0.7;
}
.ind-01 .list.fr:before{
left: 0;
right: auto;
top: auto;
bottom: 0;
}
.ind-01 .list .main{
z-index: 1;
}
.ind-01 .list .main .pic img{
display: block;
width: 100%;
height: 25vw;
object-fit: cover;
transition: all 0.5s;
}
.ind-01 .list .main .con{
position: absolute;
z-index: 2;
padding: 0 12%;
width: 100%;
left: 0;
top: 0;
background: rgba(4,120,114,0.9) url(../images/bh.png) no-repeat right bottom;
opacity: 0;
visibility: hidden;
transform: scaleX(0);
transition: all 0.5s;
}
.ind-01 .list .main .con .ct-logo{
background: #ece32d;
position: absolute;
right: 10%;
width: 130px;
}
.ind-01 .list .main .con .ct-logo .s1{
padding: 16px 0;
border-bottom: 1px solid #333;
}
.ind-01 .list .main .con .ct-logo .s2{
text-transform: uppercase;
line-height: 45px;
font-weight: bold;
}
.ind-01 .list .main .con .sc-tab{
height: 25vw;
width: 100%;
display: table;
color: #fff;
}
.ind-01:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/xxx.png) repeat-y center top;
}
.ind-01 .list .main .con .sc-tab .d1{
font-size: 2.4vw;
font-weight: bold;
margin-bottom: 10px;
}
.ind-01 .list .main .con .sc-tab .d2{
margin-top: 10px;
}
.ind-01 .list .main .con .sc-tab .d2 p{
position: relative;
line-height: 2.5;
font-size: 1vw;
padding-left: 25px;
}
.ind-01 .list .main .con .sc-tab .d2 p::before{
content: '';
position: absolute;
left: 0;
top: 0.9vw;
border-radius: 50%;
border: 2px solid #ece32d;
width: 7px;
height: 7px;
}
.honave{
margin-top: 12px;
padding: 0 2%;
position: relative;
z-index: 1;
}
.zbenle .d1{
font-size: 1.4vw;
margin-bottom: 5px;
}
.zbenle .d2{
text-transform: uppercase;
}
.polaec{
margin-top: 12px;
}
.polaec a{
color: #1E9B94;
}
.ind-02{
border-top: 1px solid #eee;
background: url(../testimg/t4.jpg) no-repeat center center;
background-size: cover;
}
.zb-img{
padding: 5% 4%;
width: 66.66%;
color: #fff;
}
.zb-img .con .d1{
font-size: 2vw;
font-weight: bold;
margin-bottom: 5px;
}
.zb-img .con .d2{
font-size: 1.2vw;
text-transform: uppercase;
}
.lboprea{
width: 33.34%;
}
.lboprea li a{
display:table;
position: relative;
z-index: 2;
height: 25vw;
width: 100%;
text-align: center;
color: #333;
background: #fff;
}
.lboprea li a:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.1);
opacity: 0;
transition: all 0.5s;
}
.lboprea li a .d2{
font-size: 1.6vw;
margin-top: 1vw;
font-weight: bold;
}
.lboprea li a .d3{
font-size: 0.9vw;
margin-top: 10px;
text-transform: uppercase;
}
.lboprea li a .d4{
font-weight: bold;
color: #a7a7a7;
margin-top: 2vw;
font-size: 1.2vw;
}
.lboprea li a > span{
display: block;
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
width: 6vw;
height: 6vw;
line-height: 5vw;
font-size: 1.2vw;
background: #f2f2f2 url(../images/rg.png) no-repeat center 4vw;
}
.lboprea li:nth-child(2n) a > span{
background-color: #ece32d;
}
.lboprea li:nth-child(2n) a{
background: rgba(0,119,112,0.9);
}
.lboprea li:nth-child(2n) a > div{
color: #fff;
}
.ind-03:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/xxx.png) repeat-y center top;
background-size: 100% auto;
}
.leanc{
padding: 3% 4%;
position: relative;
z-index: 2;
}
.leanc .d1{
font-size: 2vw;
font-weight: bold;
}
.leanc .d2{
font-size: 1.2vw;
text-transform: uppercase;
margin-top: 5px;
}
.preabnc{
position: relative;
z-index: 2;
display: -webkit-flex;
display: flex;
}
.preabnc > li{
width: 25%;
position: relative;
background: no-repeat center center;
background-size: cover;
transition: all 0.5s;
overflow: hidden;
border-right: 1px solid #fff;
}
.veobta{
width: 100%;
height: 38vw;
display: table;
}
.preabnc li:last-child{
border: none;
}
.preabnc li .db-solt{
position: absolute;
bottom: 12%;
text-align: center;
width: 100%;
color: #fff;
transition: all 0.5s linear 0.3s;
}
.preabnc li .db-solt .d1{
font-size: 2vw;
}
.preabnc li .db-solt .d2{
font-size: 1vw;
margin: 5px 0 20px;
text-transform: uppercase;
}
.preabnc li .db-solt .d3 a{
display: inline-block;
width: 133px;
height: 48px;
background: url(../images/tc.png) no-repeat center center;
}
.enomcl{
height: 38vw;
width: 100%;
padding: 0 7%;
color: #fff;
display: table;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
transition: all 0.2s;
}
.ft-tit .d1{
font-size: 2vw;
}
.ft-tit .d2{
font-size: 1vw;
text-transform: uppercase;
margin-top: 4px;
}
.lropeac{
margin-top: 5%;
}
.lropeac li{
width: 32%;
float: left;
margin-right: 2%;
}
.lropeac li:nth-child(3n){
margin-right: 0;
}
.lropeac li a{
display: block;
color: #fff;
}
.lropeac li a .pic{
padding: 10px;
background: #fff;
overflow: hidden;
}
.lropeac li a .pic img{
display: block;
width: 100%;
height: 12vw;
transition: all 0.5s;
}
.lropeac li a .tit{
margin-top: 10px;
position: relative;
}
.lropeac li a .tit:after{
content: '';
width: 59px;
height: 47px;
position: absolute;
right: 0;
top: 0;
background: url(../images/fg.png) no-repeat center center;
}
.lropeac li a .tit span{
display: block;
line-height: 48px;
font-size: 18px;
border-bottom: 1px solid #fff;
width: calc(100% - 72px);
}
.uqubne a{
display: inline-block;
width: 203px;
line-height: 48px;
background: url(../images/mbj.png) no-repeat center center;
color: #fff;
font-size: 18px;
}
.foot{
background: #303030;
color: #7c7c7c;
}
.fofbea{
display: -webkit-flex;
display: flex;
justify-content: space-between;
padding: 5% 0;
}
.pebnfe{
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex: 1;
}
.pebnfe dt{
font-weight: bold;
line-height: 30px;
margin-bottom: 5px;
}
.pebnfe dt a{
color: #adadad;
font-size: 16px;
}
.pebnfe dd{
line-height: 30px;
}
.pebnfe dd a{
color: #adadad;
}
.line-osc{
width: 1px;
height: 100%;
background: #7c7c7c;
}
.aubnfe{
padding-left: 8%;
margin-left: 8%;
border-left: 1px solid #454545;
}
.aubnfe .d1{
background: no-repeat left 10px;
line-height: 25px;
padding: 5px 0 5px 30px;
color: #adadad;
font-size: 16px;
}
.copvle{
line-height: 25px;
padding: 10px 3%;
background: #1b1b1b;
color: #7c7c7c;
}
.ny-banner .pic img{
display: block;
width: 100%;
object-fit: cover;
}
.drelob{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background:rgba(0,87,82,0.8)
}
.plfena{
padding-left: 333px;
color: #fff;
font-size: 30px;
text-transform: uppercase;
line-height: 68px;
}
.plfena .cha{
position: absolute;
left: -25px;
top:-20px;
line-height: 101px;
text-align: center;
width: 387px;
height: 101px;
background: url(../images/zd.png) no-repeat center center;
}
.plfena .dres-in{
position: absolute;
right:0;
top:0;
color:#fff;
font-size:14px
}
.plfena .dres-in a{
color:#fff
}
.plfena .dres-in span{
margin:0 5px
}
.ab-01{
padding: 5% 0;
overflow: hidden;
}
.ab-01:before{
content: '';
width: 11%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: url(../images/bg1-1.png) no-repeat top left;
background-size: 100% auto;
}
.ab-01:after{
content: '';
width: 18%;
height: 100%;
position: absolute;
right: 0;
bottom: 4%;
background: url(../images/bg1-2.png) no-repeat bottom right;
background-size: 100% auto;
}
.ab-01 .wrap1500{
position: relative;
z-index: 2;
}
.ab-01 .pic{
width: 47%;
margin-top: 30px;
background: #b4d4d2;
}
.ab-01 .pic img{
position: relative;
top: -20px;
right: -20px;
}
.ab-01 .con{
width: 48%;
padding-top: 2.8vw;
}
.ab-01 .con > .img{
position: absolute;
left: 0;
top: 0;
}
.ab-01 .con > .img img{
max-width: 2000px;
height: 4.9vw;
}
.ab-01 .con .d1{
font-size: 36px;
font-weight: bold;
position: relative;
z-index: 1;
}
.ab-01 .con .d2{
margin: 4% 0;
color: #646464;
font-size: 30px;
font-weight: bold;
padding-bottom: 15px;
border-bottom: 3px solid #05706a;
}
.ab-01 .con .d3{
font-size: 16px;
line-height: 2;
}
.ab-01 .con .d4{
margin-top: 5%;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.ab-01 .con .d4 .list{
background: no-repeat left top;
padding-top: 35px;
}
.ab-01 .con .d4 .list .num{
font-size: 48px;
font-weight: bold;
color: #05706a;
line-height: 1;
margin-right: 5px;
}
.ab-01 .con .d4 .list .eco{
padding-top: 5px;
}
.ab-02{
padding-bottom: 7%;
}
.ab-02:before{
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 92%;
background: #eee;
}
.ab-02 .wrap1500{
position: relative;
z-index: 2;
}
.lbuaen{
width: 50%;
margin-top: 4%;
padding-top: 2.8vw;
}
.lbuaen .img{
position: absolute;
left: 0;
top: 0;
}
.lbuaen .img img{
max-width: 2000px;
height: 4.9vw;
}
.lbuaen .d1{
font-size: 36px;
font-weight: bold;
position: relative;
z-index: 1;
}
.lbuaen .d2{
font-size: 16px;
margin-top: 8%;
}
.lbuaen .d3{
color: #05706a;
font-size: 30px;
font-weight: bold;
margin-top: 3%;
}
.lbuaen .d4 .list{
margin-top: 6%;
position: relative;
background: no-repeat left top;
padding: 5px 0 5px 100px;
}
.lbuaen .d4 .list .s1{
font-weight: bold;
color: #05706a;
font-size: 24px;
}
.lbuaen .d4 .list .s2{
font-size: 16px;
margin-top: 5px;
}
.foolge{
position: absolute;
right: 0;
top: 10vw;
width: 47%;
}
.foolge .img img{
display: block;
width: 100%;
}
.foolge .con{
background: #05706a;
color: #ece32d;
padding: 2vw;
}
.foolge .con .d1{
font-weight: bold;
font-size: 1.6vw;
}
.foolge .con .d2{
margin-top: 10px;
font-size: 16px;
text-transform: uppercase;
}
.ab-03{
background: #fff;
padding: 180px 0 5%;
}
.scbtat{
padding-top: 2.8vw;
}
.scbtat .img{
position: absolute;
left: 0;
top: 0;
}
.scbtat .img img{
max-width: 2000px;
height: 4.9vw;
}
.scbtat .tit{
font-size: 36px;
font-weight: bold;
position: relative;
z-index: 1;
}
.scbtat .tit a{
font-weight: normal;
font-size:16px;
padding:10px 35px;
border:1px solid #ddd
}
.scbtat .tit a:hover{
color:#fff;
background:#489692;
border-color:#489692
}
.buefva{
padding: 0 4%;
}
.buefva .prev,.buefva .next{
width: 48px;
height: 48px;
background: #f2f2f1 no-repeat center center;
position: absolute;
z-index: 3;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
border-radius: 50%;
transition: all 0.5s;
}
.buefva .prev{
left: 0;
background-image: url(../testimg/left2-1.png);
}
.buefva .next{
right: 0;
background-image: url(../testimg/right2-1.png);
}
.ny-main{
padding: 5% 0;
}
.lfeyba{
display: -webkit-flex;
display: flex;
}
.lfeyba .list{
width: 11%;
overflow: hidden;
display: -webkit-flex;
display: flex;
transition: all 0.5s;
}
.lfeyba .list.on{
width: 80%;
transition: all 0.5s;
}
.lfeyba .list .obuna{
width: 165px;
background: #4a4a4a;
color: #fff;
text-align: center;
padding: 65px 0;
height: 630px;
}
.lfeyba .list:nth-child(2) .obuna{
background: #393846;
}
.lfeyba .list:nth-child(3) .obuna{
background: #343341;
}
.lfeyba .list .obuna .num{
font-size: 60px;
height: 170px;
font-weight: bold;
color: rgba(255,255,255,0.1);
}
.lfeyba .list .obuna .tit{
font-size: 20px;
padding: 0 70px;
height: 260px;
font-weight: bold;
}
.lfeyba .list .obuna .odla span{
display: inline-block;
width: 64px;
height: 64px;
border-radius: 50%;
background: #4d4c59 url(../images/ad.png) no-repeat center center;
}
.lfeyba .list .con{
flex: 1;
width: 0;
background: no-repeat center center;
background-size: cover;
height: 630px;
}
.lfeyba .list .con .odcon{
opacity: 0;
visibility: hidden;
transform: translateY(50px);
transition: all 0.5s;
padding: 10% 7%;
color: #fff;
}
.lfeyba .list .con .odcon .d1 span{
display: inline-block;
position: relative;
padding-left: 15px;
line-height: 1;
font-size: 32px;
padding-bottom: 15px;
border-bottom: 2px solid rgba(255,255,255,0.3);
}
.lfeyba .list .con .odcon .d1 span:before{
content: '';
height: 30px;
width: 4px;
background: #ece32d;
position: absolute;
left: 0;
top: 5px;
}
.lfeyba .list .con .odcon .d2{
font-size: 20px;
margin-top: 30px;
line-height: 2;
}
.ubuena{
box-shadow: 0 0 15px rgba(0,0,0,0.15);
margin-top: 4%;
}
.olfem{
color: #fff;
font-size: 28px;
background: #378480;
padding: 30px 4%;
font-weight: bold;
display: -webkit-flex;
display: flex;
}
.olfem span{
width: 30%;
text-align: center;
}
.olfem span:nth-child(1){
text-align: left;
}
.okefla li{
border-bottom: 1px solid #eee;
}
.okefla li .tit{
font-size: 24px;
background: #fff;
padding: 30px 4%;
display: -webkit-flex;
display: flex;
}
.okefla li .tit span{
width: 30%;
text-align: center;
}
.okefla li .tit span:nth-child(1){
text-align: left;
}
.okefla li .tit i{
width: 10%;
height: 30px;
background: url(../images/x1.png) no-repeat right center;
}
.okefla li .tit.on i{
background: url(../images/x2.png) no-repeat right center;
}
.okefla li .con{
background: #f6f6f6;
padding: 4%;
line-height: 2;
display: none;
}
.okefla li .con .d1{
font-size: 30px;
}
.okefla li .con .d2{
font-size: 20px;
}
.puoeun{
width: 63%;
margin-top: 4%;
}
.efbcon{
background: #f6f6f6;
padding: 5% 0;
}
.ubyewn{
width: 37%;
box-shadow: 0 0 15px rgba(0,0,0,0.15);
padding: 3% 3% 260px;
background: url(../images/bg1-2.png) no-repeat right bottom;
background-size: auto 230px;
}
.ubyewn .d1{
font-size: 2.2vw;
font-weight: bold;
padding-bottom: 30px;
position: relative;
}
.ubyewn .d1:before{
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 60px;
background: #05706a;
}
.ubyewn .d2{
font-size: 1.2vw;
line-height: 2;
margin-top: 30px;
}
.uhfeob{
background: url(../images/x.png) no-repeat right bottom;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.uhfeob li{
width: 24%;
}
.uhfeob li .buncb{
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.15);
overflow: hidden;
background:#fff no-repeat left top;
padding: 45px 35px 70px;
transition: all 0.5s ease 0.3s;
}
.uhfeob li .d1{
height: 45px;
}
.uhfeob li .d2{
font-weight: bold;
font-size: 2.5vw;
margin: 80px 0 40px;
line-height: 3.5vw;
height: 7vw;
overflow: hidden;
transition: all 0.5s ease 0.3s
}
.uhfeob li .d3{
font-size: 1vw;
line-height: 2vw;
height: 0;
color: #fff;
overflow: hidden;
transition: all 0.5s ease 0.3s
}
.uhfeob li .d4{
border-top: 1px solid #ddd;
padding-top: 40px;
overflow: hidden;
height: 63px;
transition: all 0.5s ease 0.3s
}
.plneua .pic{
width: 48%;
}
.plneua .con{
width: 48%;
}
.plneua .con .ubefya{
background: url(../testimg/t14.jpg) no-repeat bottom center;
padding-bottom: 12px;
line-height: 50px;
}
.plneua .con .ubefya span{
float: left;
width: 50%;
text-align: center;
font-size: 24px;
color: #999;
cursor: pointer;
}
.plneua .con .ubefya span.cur{
color: #05706a;
}
.uewoba{
margin-top: 10%;
padding-left: 10%;
}
.uewoba .d1{
font-size: 44px;
font-weight: bold;
}
.uewoba .d2{
font-size: 20px;
line-height: 2;
color: #666;
margin-top: 40px;
}
.lmolpae span{
float: left;
position: relative;
width: 25%;
background: #eee;
text-align: center;
padding: 27px 0;
cursor: pointer;
}
.lmolpae span.cur{
background-color: #05706a !important;
}
.lmolpae span.cur:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 3px;
background: #ece32d;
}
.lmolpae span.cur:after{
content: '';
position: absolute;
left: 50%;
bottom: -14px;
margin-left: -25px;
width: 50px;
height: 14px;
background: url(../images/xsj.png);
}
.lmolpae span:nth-child(2n){
background: #f5f5f5;
}
.lmolpae span .img{
height: 49px;
background: no-repeat center center;
background-size: auto 100%;
}
.lmolpae span .img01{
background-image: url(../images/g1-1.png);
}
.lmolpae span .img02{
background-image: url(../images/g2-1.png);
}
.lmolpae span .img03{
background-image: url(../images/g3-1.png);
}
.lmolpae span .img04{
background-image: url(../images/g4-1.png);
}
.lmolpae span.cur .img01{
background-image: url(../images/g1-2.png);
}
.lmolpae span.cur .img02{
background-image: url(../images/g2-2.png);
}
.lmolpae span.cur .img03{
background-image: url(../images/g3-2.png);
}
.lmolpae span.cur .img04{
background-image: url(../images/g4-2.png);
}
.lmolpae span .tit{
font-size: 24px;
color: #666;
margin-top: 20px;
}
.lmolpae span.cur .tit{
color: #fff;
}
.olfeba{
box-shadow: 0 0 15px rgba(0,0,0,0.15);
padding-bottom: 4%;
}
.uewbya{
background: #fff;
margin-top: 3%;
}
.cochlb{
width: 71%;
margin-top: 5%;
padding-top: 1%;
}
.cochlb .d1{
font-size: 30px;
color: #01524d;
}
.cochlb .d2{
margin: 4% 0;
}
.cochlb .d2 a{
display: inline-block;
line-height: 36px;
padding: 0 40px;
border: 1px solid #05706a;
transition: all 0.5s;
}
.obcuena{
position: absolute;
right: 0;
z-index: 3;
width: 34%;
top: -3%;
background: #fff;
}
.obcuena li{
display: block;
text-align: center;
padding: 0;
}
.obcuena li > img{
width:100%;
height:auto;
display:block;
}
.obcuena li .num{
font-size: 90px;
height: 70px;
line-height: 1;
overflow: hidden;
font-weight: bold;
color: rgba(0,0,0,0.12);
}
.obcuena li:nth-child(n+2) .num{
color: rgba(255,255,255,0.12);
}
.obcuena li .d2{
font-size: 24px;
margin: 15px 0;
}
.obcuena li:nth-child(n+2) .d2{
color: #fff;
}
.obcuena li .d3{
font-size: 15px;
color: #666;
line-height: 2;
}
.obcuena li:nth-child(n+2) .d3{
color: rgba(255,255,255,0.75);
}
.pofeia{
padding: 0 45px;
}
.pofeia li{
width: 32%;
margin-right: 2%;
margin-bottom: 2%;
float: left;
}
.pofeia li:nth-child(3n){
margin-right: 0;
}
.pofeia li a{
display: block;
}
.pofeia li a .pic{
padding: 10px;
background: #f5f5f5;
overflow: hidden;
}
.pofeia li a .pic img{
display: block;
width: 100%;
height: 260px;
object-fit: cover;
transition: all 0.5s;
}
.pofeia li a .tit{
margin-top: 10px;
position: relative;
}
.pofeia li a .tit:after{
content: '';
width: 59px;
height: 47px;
position: absolute;
right: 0;
top: 0;
background: url(../images/fg.png) no-repeat center center;
}
.pofeia li a .tit span{
display: block;
line-height: 48px;
font-size: 18px;
border-bottom: 1px solid #eee;
width: calc(100% - 72px);
}
.cat-main{
padding: 5% 0;
background: url(../testimg/t18.jpg) no-repeat center center;
background-size: 100% auto;
}
.vodst{
width: 72%;
}
.vodst video{
height: 660px;
width: 100%;
display: block;
object-fit: cover;
}
.olrebn{
width: 26%;
box-shadow: 0 0 10px rgba(0,0,0,0.15);
padding-bottom: 25px;
background: #fff;
}
.olrebn .title{
padding-bottom: 10px;
line-height: 70px;
color: #01524D;
font-size: 24px;
background: url(../testimg/t14.jpg) no-repeat bottom center;
background-size: 100% auto;
}
.lismtna{
margin-top: 30px;
padding: 0 30px;
}
.lismtna ul{
background: url(../images/ev.jpg) repeat-y 6px top;
height: 525px;
overflow: auto;
}
.lismtna ul li a{
display: block;
padding: 19px 0 19px 32px;
font-size: 20px;
position: relative;
}
.lismtna ul li a:before{
content: '';
position: absolute;
left: 0px;
top: 20px;
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
border: 2px solid #489692;
}
.olfebun{
/* background: url(../testimg/t19.jpg) no-repeat center center; */
background-size: cover;
}
.nunmcc{
position: absolute;
bottom: 48px;
color: #fff;
font-size: 18px;
left: 50%;
margin-left: -750px;
z-index: 3;
}
.efiebf{
position: absolute;
top: 8%;
width: 1500px;
left: 50%;
margin-left: -750px;
z-index: 3;
}
.relmple{
position: absolute;
width: 50%;
right: 0;
bottom: 0;
z-index: 3;
background: rgba(35,88,88,.6);
}
.feapol{
width: 750px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
padding: 40px 0 40px 60px;
}
.feapol li .d1{
color: #ece32d;
font-size: 48px;
}
.feapol li .d2{
color: #fff;
font-size: 18px;
margin-top: 5px;
}
.ubfenac{
padding: 5% 0;
}
.boune{
margin-top: 50px;
color: #666;
line-height: 2;
font-size: 18px;
}
.efnmbac{
display: -webkit-flex;
display: flex;
align-items: flex-end;
position: relative;
z-index: 3;
}
.lfeomn{
width: 40%;
background: url(../testimg/t20.jpg) no-repeat center center;
background-size: cover;
color: #fff;
position: relative;
z-index: 3;
}
.uomepa{
width: 566px;
padding: 70px 60px 70px 0;
color: #fff;
}
.uomepa .d1{
font-size: 36px;
}
.uomepa .d2{
font-size: 20px;
line-height: 40px;
margin-top: 20px;
}
.plmfeba{
width: 60%;
padding-bottom: 40px;
}
.uomepa .prev,.uomepa .next{
position: absolute;
z-index: 4;
cursor: pointer;
bottom: 0;
width: 80px;
height: 80px;
background: no-repeat center center;
}
.uomepa .prev{
right: 0;
background-image: url(../images/left04.png);
}
.uomepa .next{
right: -80px;
background-image: url(../images/right04.png);
background-color: #05706a;
}
.orelac{
padding-top: 3%;
}
.orelac li{
margin-top: 2%;
margin-right: 2%;
width: 18.4%;
float: left;
background: #fff;
transition: all 0.5s;
}
.orelac li:nth-child(5n){
margin-right: 0;
}
.orelac li .img{
overflow: hidden;
padding: 15px;
}
.orelac li .img img{
display: block;
transition: all 0.5s;
width: 100%;
height: 100px;
object-fit: scale-down;
}
.olfepa{
background: url(../testimg/t24.jpg) no-repeat center center;
background-size: 100%;
}
.ubyfenv{
padding-top: 3%;
}
.ubyfenv li{
margin-top: 2%;
}
.ubyfenv li a{
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
background: #f5f5f5;
min-height: 205px;
transition: all 0.5s;
}
.ubyfenv li a .pic{
width: 305px;
}
.ubyfenv li.noimg a .pic{
display:none
}
.ubyfenv li a .pic img{
display: block;
width: 100%;
height: 205px;
object-fit: cover;
}
.ubyfenv li a .con{
width: calc(100% - 570px);
}
.ubyfenv li.noimg a .con{
width: calc(100% - 220px);
}
.ubyfenv li.noimg a .con{
padding-left:4%
}
.ubyfenv li a .con .d1{
font-size: 24px;
}
.ubyfenv li a .con .d2{
line-height: 30px;
height: 60px;
overflow: hidden;
margin-top: 20px;
}
.ubyfenv li a .date{
width: 160px;
padding-bottom: 50px;
background: url(../images/o1.png) no-repeat left bottom;
}
.ubyfenv li a .date .d1{
font-size: 30px;
}
.ubyfenv li a .date .d2{
}
.page-ol a{
display: inline-block;
margin: 0 5px;
min-width: 30px;
line-height: 30px;
border-radius: 3px;
}
.page-ol a.cur{
color: #fff;
background: #05706a;
}
.olfepla{
margin-top: 5%;
display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;
}
.umfena{
width: 46%;
}
.buraev{
width: 50%;
background: url(../images/bg1-2.png) no-repeat right bottom;
background-size: 200px auto;
padding-bottom: 50px;
}
.buraev .d1{
font-size: 30px;
font-weight: bold;
padding: 25px 0;
}
.buraev .d2 p{
position: relative;
font-size: 18px;
color: #666;
padding: 5px 0 5px 20px;
line-height: 30px;
}
.buraev .d2 p::before{
content: '';
position: absolute;
left: 0;
top: 16px;
width: 8px;
height: 8px;
background: #177a75;
}
.olfaeb{
box-shadow: 0 15px 15px rgba(0,0,0,0.15);
}
.olfaeb h2{
padding: 0 30px;
line-height: 70px;
background: #f5f5f5;
color: #464646;
font-size: 22px;
}
.opfelm{
line-height: 2;
color: #666;
font-size: 18px;
padding: 30px;
}
.olrpea{
margin-top: 30px;
font-size: 15px;
}
.omfeau{
max-width: 1080px;
margin: 0 auto;
}
.tbvena{
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.tbvena .d1{
font-size: 32px;
font-weight: bold;
}
.tbvena .d2{
margin-top: 25px;
font-size: 16px;
color: #666;
}
.edolnma{
font-size: 18px;
line-height: 2;
padding: 3% 0 2%;
}
.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
position: fixed;
left: 50%;
top: 50%;
margin-top:-240px;
z-index: 22;
display: none;
margin-left: -450px;
background-color: #fff;
width: 900px;
box-sizing: border-box;
}
.big-video-main {
height: 480px;
}
.big-video-clo {
position: absolute;
right: -35px;
top: 0;
width: 30px;
height: 30px;
background: url(../images/icon30.png) no-repeat center center;
cursor: pointer;
}
@media screen and (max-width: 750px){
.big-video {
width: 100%;
left: 0;
margin-left: 0;
}
.big-video-main {
height: 185px;
}
.big-video-clo {
right: 0;
z-index: 21;
}
}